const path = require('path')
const SkeletonWebpackPlugin = require('vue-skeleton-webpack-plugin')

module.exports = {
  assetsDir: process.env.NODE_ENV === 'production'
    ? 'static'
    : 'assets',

  outputDir: process.env.NODE_ENV === 'production'
    ? 'dist/prod-package'
    : 'dist/test-package', // build files dir

  publicPath: process.env.NODE_ENV === 'production'
    ? '/'
    : '/', // 部署应用包时的基本 URL：默认为根路径'/'，或者在子路径'/sub-path/'

  devServer: {
    proxy: {
      '/api': { // 将www.exaple.com印射为/api
        target: 'https://testna.iblocke.com', // 接口域名
        secure: false, // 如果是https接口，需要配置这个参数
        changeOrigin: true, // 是否跨域
        pathRewrite: {
          '^/api': '/api'   //需要rewrite的,
        },
        // router: {
        //   // when request.headers.host == 'dev.localhost:3000',
        //   // override target 'http://testempire.iblocke.com' to 'http://localhost:8000'
        //   'dev.localhost:3000': 'http://localhost:8000'
        // }
      },
      '/geetest': {
        target: 'http://test.ishuangsu.com',
        secure: false, // 如果是https接口，需要配置这个参数
        changeOrigin: true, // 是否跨域
        pathRewrite: {
          '^/geetest': '/geetest' // 需要rewrite的,
        }
      }
    }
  },

  css: {
    // 是否使用css分离插件 ExtractTextPlugin
    extract: true,
    // 开启 CSS source maps?
    sourceMap: false,
    // 启用 CSS modules for all css / pre-processor files.
    modules: false
  },

  configureWebpack: config => {
    // vue骨架屏插件配置
    config.plugins.push(new SkeletonWebpackPlugin({
      webpackConfig: {
        entry: {
          app: path.join(__dirname, './src/entry-skeleton.js')
        }
      },
      minimize: true,
      quiet: true,
      routes: ['/', '/about']
    }))
  }
}
